<template>
	<view class="wrapper">
		<view class="content">
			<u-icon  name="checkmark-circle-fill" color="#009CF9" size="62"></u-icon>
			<text style="margin: 30upx 0;">提交成功</text>
			<text>您的发票预计在1-2个工作日开出，请注意查收</text>
		</view>
		<view class="invoiceHome" @click="goInvoiceHome">
			发票首页
		</view>
		<view class="invoiceHistory" @click="goInvoiceHistory">
			开票历史
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
           goInvoiceHome() {
			   uni.navigateBack({
			   	delta: 2
			   })
		   },
		   goInvoiceHistory() {
			   uni.redirectTo({
			   	 url: './invoice-history'
			   })
			   
		   }
		}
	}
</script>

<style lang="scss" scoped>
	.wrapper {
		padding: 22upx;
	}
	.content {
		padding: 40upx 0;
		background-color: $bg-white-color;
		border-radius: 16upx;
		display: flex;
		flex-direction: column;
		align-items: center;
		text {
			color: $text-color-33;
			font-size: 32upx;
			font-weight: bold;
		}
		text:nth-child(3) {
			color: $text-color-99;
			font-size: 26upx;
		}
		
		
	}
	.invoiceHome {
		margin: 30upx 0;
		height: 90upx;
		line-height: 90upx;
		text-align: center;
		color: $text-color-ff;
		font-size: 30upx;
		font-weight: bold;
		background: linear-gradient(to right, #32ace9 0%, #176cfb 100%);
		border-radius: 10upx;
	}
	
	.invoiceHistory {
		text-align: center;
		color: $main-color;
		font-size: 30upx;
		font-weight: bold;
	}

</style>
